<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>{$Think.CONFIG.sitename}</title>
    <!--link rel="stylesheet" type="text/css" href="{$Think.CONFIG.URL}/style.css" />
    <script type="text/javascript" src="{$Think.CONFIG.URL}/js.js"></script-->
    <meta name="keywords" content="{$Think.CONFIG.keywords}"/>
    <meta name="description" content="{$Think.CONFIG.description}"/>
</head>
<body>
<div class="file_holder">
    <div class="file_title">
        <i class="octicon octicon-book"></i>
    </div>
    <div class="file_content markdown-body">

    </div>

<div class="wrapper">
    <div class="counter col_fourth">
      <i class="fa fa-code fa-2x"></i>
      <span id="man"></span>
      <!--<h2 class="timer count-title" id="count-number" data-to="300" data-speed="1500">300</h2>-->
    </div>

    <!--<div class="counter col_fourth">-->
    <!--  <i class="fa fa-coffee fa-2x"></i>-->
    <!--  <h2 class="timer count-title" id="count-number" data-to="17870" data-speed="1500">17870</h2>-->
    <!--  <p class="count-text ">www.jq22.com</p>-->
    <!--</div>-->

    <!--<div class="counter col_fourth">-->
    <!--  <i class="fa fa-lightbulb-o fa-2x"></i>-->
    <!--  <h2 class="timer count-title" id="count-number" data-to="847" data-speed="1500">847</h2>-->
    <!--  <p class="count-text ">www.jq22.com</p>-->
    <!--</div>-->

    <!--<div class="counter col_fourth end">-->
    <!--  <i class="fa fa-bug fa-2x"></i>-->
    <!--  <h2 class="timer count-title" id="count-number" data-to="157" data-speed="1500">157</h2>-->
    <!--  <p class="count-text ">www.jq22.com</p>-->
    <!--</div>-->
</div>
</div>
</body>
</html>

<!--<script language="javascript" src="__PUBLIC__/admin/js/jquery.js" type="text/javascript"></script>-->
<script language="javascript" src="http://libs.baidu.com/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$.fn.countTo = function(options) {
	options = options || {};

	return $(this).each(function() {
		// set options for current element
		var settings = $.extend({},
		$.fn.countTo.defaults, {
			// from: $(this).data('from'),
			// to: $(this).data('to'),
			// speed: $(this).data('speed'),
			// refreshInterval: $(this).data('refresh-interval'),
			// decimals: $(this).data('decimals')
		},
		options);

		// how many times to update the
        // value, and how much to increment the value on each update
		var loops = Math.ceil(settings.speed / settings.refreshInterval),
		increment = (settings.to - settings.from) / loops;

		// references & variables that will change with each update
		var self = this,
		$self = $(this),
		loopCount = 0,
		value = settings.from,
		data = $self.data('countTo') || {};

		$self.data('countTo', data);

		// if an existing interval can be found, clear it first
		if (data.interval) {
			clearInterval(data.interval);
		}
		data.interval = setInterval(updateTimer, settings.refreshInterval);

		// initialize the element with the starting value
		render(value);

		function updateTimer() {
			value += increment;
			loopCount++;

			render(value);

			if (typeof(settings.onUpdate) == 'function') {
				settings.onUpdate.call(self, value);
			}

			if (loopCount >= loops) {
				// remove the interval
				$self.removeData('countTo');
				clearInterval(data.interval);
				value = settings.to;

				if (typeof(settings.onComplete) == 'function') {
					settings.onComplete.call(self, value);
				}
			}
		}

		function render(value) {
			var formattedValue = settings.formatter.call(self, value, settings);
			$self.html(formattedValue);
		}
	});
};

$.fn.countTo.defaults = {
	from: 0,
	// the number the element should start at
	to: 120.3,
	// the number the element should end at
	speed: 1000,
	// how long it should take to count between the target numbers
	refreshInterval: 100,
	// how often the element should be updated
	decimals: 2,
	// the number of decimal places to show
	formatter: formatter,
	// handler for formatting the value before rendering
	onUpdate: null,
	// callback method for every time the element is updated
	onComplete: null // callback method for when the element finishes updating
};

function formatter(value, settings) {
	return value.toFixed(settings.decimals);
}

// custom formatting example
// $('#man').data('countToOptions', {
// 	formatter: function(value, options) {
// 		return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
// 	}
// });

// start all the timers

function count(options) {
	var $this = $(this);
	options = $.extend({},
	options || {},
	$this.data('countToOptions') || {});
	$this.countTo(options);
}

$('#man').each(function(options){
        var $this = $(this);
    options = $.extend({},
    options || {},
    $this.data('countToOptions') || {});
    $this.countTo(options);
});

</script>
